UI_panel_busqueda = function(controllerBuscador){
	
	var _controllerBuscador = controllerBuscador;
	var _aulas_disponibles = null;
	
	
	//resize
//	var altoCanvas = $(window).height() - $("#header").outerHeight(true);
//	$("#map").css("height",altoCanvas+"px");
//	$("#sidebarContainer").css("height",altoCanvas+"px");
	
	var altoPanelBusqueda = $("#sidebarContainer").height() - $("#ulTabs").outerHeight(true);
	$("#overlayPanelBusqueda").css("height",altoPanelBusqueda+"px");
		
	
	$("#inputInicio").val(aulaInicio);
	$("#inputDestino").val(aulaDestino);
	
	/*intercambia los valores de los campos inicio y destino en la busqueda*/
	$("#btnSwitchOrder")
		.button({text: false, icons: {primary: "ui-icon-arrowthick-2-n-s"}})
		.click(function(event){
			var ini = $("#inputInicio").val();
			var fin = $("#inputDestino").val();
			$("#inputInicio").val(fin);		
			$("#inputDestino").val(ini);		
		});
	
	
	$("#btnGetLink").button({
		text: false,
		icons: {primary: "ui-icon-link"}
	})
	.click(function(event){
		var nodo = event.target;
		var texto = CONTROLLER_BUSQUEDA.getLink();
		var input = $('<input>').val(texto).css("width","400px");
				
		var position = $(nodo).offset(); 
		var x = $(nodo).position().left + $(nodo).outerWidth();
	    var y = $(nodo).offset().top - $(document).scrollTop();
		
	    domDiag = $( "#getLinkDiag");//este ID se define en controller_dialogos
	    $(domDiag).html(input);
	    
	    $(domDiag).dialog( "widget" ).addClass("textFont");
	    
	   // console.log("posicion del dialogo x:",x," y:",y);
		$(domDiag).dialog( "option", "position", [x ,y ]);
		$(domDiag).dialog( "open" );
		
		$(input).select();
	});
	

		

	 
	 
		//---------------------------------BOTON INICIAR ANIMACION ----------------------------------------
		$("#botonGetCamino").click(function(event){
	  		
			source = $("#inputInicio").val();
			target = $("#inputDestino").val();
		
			if ($.inArray(source, _aulas_displonibles) == -1){
				//alert("ERROR. El campo 'Inicio' no representa un aula v�lida");//TODO
				DIALOG_MANAGER.showMessage($("#inputInicio"), "El campo 'Inicio' no representa un aula v&aacute;lida");
				return;
			}
			
			if ($.inArray(target, _aulas_displonibles) == -1){
			  	//alert("ERROR. El campo 'Destino' no representa un aula v�lida");//TODO
				DIALOG_MANAGER.showMessage($("#inputDestino"), "El campo 'Destino' no representa un aula v&aacute;lida");
				return;
			}
			
			if (VERSION_BETA){
           	 	if (source != 'preEntrada' || target != '38C'){
           	 		DIALOG_MANAGER.showMessage($("#inputInicio"), "Pr&oacute;ximamente B&uacute;squeda de caminos");
           	 	//	DIALOG_MANAGER.showMessage($("#inputInicio"), "Esta es una version beta. <br> Solo se admite que el campo inicio sea 'preEntrada' y el destino '38C'");
           	 	}
           	}
			
			$("#progresoEsperando").css("display","inline");
			$("#botonGetCamino").addClass('ui-state-disabled');
			_controllerBuscador.pedirCamino(source, target);
			
		});
	 
		//------------------------------------------------------------------------------------------------
	 
	 
		
		//INICIALIZACION DE AUTOCOMPLETES. esta funcion se ejecuta cuando se retorna el lista de aulas
		this.setupInputBoxes = function(data){
			 _aulas_displonibles = data;
            
     	  // console.log("aulas_displonibles",_aulas_displonibles);
        	
	           	//AUTOCOMPLETE
	           	$("#inputInicio, #inputDestino").autocomplete({
	           	    source: _aulas_displonibles,
	           	    minLength: 1,//2,//TODO
	           	    open: function(event, ui){
	           	       var widgetAutocomplete = $(this).autocomplete( "widget" );
	           	       var altoWidget = $("#sidebarsMainContent").height() - $(this).offset().top + $(this).outerHeight();
//	           	       var altoWidget = $("#map").height() - $(this).offset().top + $(this).outerHeight();
	           	       var ancho = $(this).width();
	       	       
	           	       $(widgetAutocomplete).css({"max-height": altoWidget + "px", "overflow": "auto", "max-width" : ancho + "px"} );
	           	    },
//	           	    close: function(){
//	           	        $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
//	           	    }
	           	});
	           	
	           	$("#inputInicio").autocomplete("widget").addClass("textFont");
	           	$("#inputDestino").autocomplete("widget").addClass("textFont");
	           	
	         	//verifico si tengo que generar la animacion apenas de carga la pagina
	           	if (animarAlCargar){
	           		animarAlCargar = false;
	           		$("#botonGetCamino").trigger("click");
	           	}
	           	
	           	$("#botonGetCamino").removeClass('ui-state-disabled');
	           	
	           	if (VERSION_BETA){
	           	 	$("#inputInicio").val('preEntrada');
		           	$("#inputDestino").val('38C');
	           	}
	           	
		};
		
		
		
  		
	 
	 
};